body{background:#f5f5f5;}
.navbar{background:#000;height: 105px;border-radius:0;color: #fff;margin:0;min-width:1200px;}
.container-fluid .row{margin-left:3%;margin-right:3%;min-width:1150px;}
.navbar .logo{height:100%;width:auto;display:block;}
.navbar .invite-btn{display:inline-block;margin-top:32px;margin-right:8px;width:108px;}
.navbar .reg-btn{display:inline-block;margin-top:32px;margin-right:8px;width:77px;}
.navbar .login-btn{display:inline-block;margin-top:32px;width: 78px;}
.searchwrapg{position:absolute;width:380px;height:50px;border:1px solid #ffffff;top:27.5px;border-radius:50px;left:50%;transform:translateX(-50%);}
input.pcSearchInput {display: block;position: absolute;width: 330px;background: transparent;height: 50px;top: 1px;left: 1px;
    bottom: 1px;
    border: none;
    line-height: 48px;
    color: #ffffff;
    padding-left: 15px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size:15px;
}
.pcSearchicon {
    display: block;
    width: auto;
    height: 50px;
    position: absolute;
    top: 0;
    right: 5px;
}
input{outline:none;}
.clears{clear:both;width:0px;height:0px;}
.banner{background:#333333;width:100%;height:280px;margin-top:-1px; }
.part2{position:relative;width:100%;height:420px;}
.avatar{position:relative;width:100%;height:190px;}
.avatarpic{position:absolute;left:50%;top:0;width:320px;transform:translate(-50%,-50%);}
.design-t1{position:absolute;left:5%;width:250px;top:50px;}
.uinfo{position:relative;width:100%;text-align: center;}
.uinfo p.name{color:#231815;width:100%;text-align: center;font-size:48px;}
.design-t2{display:inline-block;width:115px;cursor:pointer;}
.col-md-2{padding-left:10px;padding-right:10px;}